<template>
	<view class="yzt-Image">
		<image
		class="img"
		mode="aspectFill"
		fade-show="true"
		@click="save"
		:src="props.url[0]">
		</image>
	</view>
</template>

<script lang="ts" setup>
	import { defineProps , ref } from 'vue';
	const show = ref(false);
	const props = defineProps({
		url:{
			type:Array,
			default:[
				'../../static/logo.png',
				'../../static/logo.png'
			]
		}
	});
	const save = ()=>{
		uni.previewImage({
			urls:[props.url[1]]
		})
	}
</script>

<style scoped lang="scss">
	.yzt-Image{
		display: flex;
		overflow: hidden;
		border-radius: $bor;
		height: 20vh;
		.img{
			height: 100%;
		}
	}
</style>